.topBox {
	width: 100%;
	height: 330rpx;
	overflow: hidden;
	position: relative;
}

.swiper-box {
	height: 100%;
}

.image {
	width: 100%;
	height: 330rpx;
}

.logoBox {
	width: 100%;
	position: absolute;
	left: 30rpx;
	top: 41rpx;
	height: 66rpx;
	display: flex;
	align-items: center;
}

.logoBox .img {
	width: 67rpx;
	height: 67upx;
	margin-right: 16rpx;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}

.logoBox .span {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 26rpx;
	color: #000000;
	vertical-align: middle;
}

.searchBox {
	width: 100%;
	position: relative;
	left: 0;
	bottom: 20rpx;
	padding: 0 30rpx;
	box-sizing: border-box;
	z-index: 99;
}

.searchBox .inpBox {
	border-radius: 28rpx;
	background: rgba(255, 255, 255, 0.9);
	height: 56rpx;
	line-height: 56rpx;
	width: 100%;
	position: relative;
	padding-left: 28rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.searchInp {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 28rpx;
	color: #D7D7D7;
}

.searchBox .inpBox input {
	width: 80%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20rpx;
	height: 100%;
}



.searchBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 97rpx;
	height: 100%;
	border-radius: 0 20px 20px 0;
	background: linear-gradient(-6deg, #6FABFD, #5371FD);
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 28rpx;
	color: #FFFFFF;
	text-align: center;
}

.content {
	width: 100%;
	min-height: 60vh;
	padding: 45rpx 30rpx;
	box-sizing: border-box;
	background: #F2F3F4;
	position: relative;
}

.content::after {
	content: "";
	width: 100%;
	height: 40vh;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #F2F3F4, #B5C6FB);
}

.tabBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50rpx;
	position: relative;
	z-index: 20;
}

.tabBox .span {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 31rpx;
	color: #080808;
	position: relative;
	float: left;
	margin-right: 56rpx;
	padding-bottom: 7rpx;
}

.tabBox .span.active {
	font-size: 33rpx;
}

.tabBox .span.active::after {
	display: block;
	content: '';
	width: 74rpx;
	height: 7rpx;
	background: #0180FF;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -37rpx;
}

.addIcon {
	float: right;
}

.nav {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 25rpx;
	position: relative;
	z-index: 20;
}

.nav .span {
	color: #666666;
	margin-right: 20rpx;
	font-size: 25rpx;
	font-family: Microsoft YaHei;
}

.nav .span.active {
	padding: 7rpx 16rpx 5rpx;
	background: #fff;
	border-radius: 20px;
	font-weight: 400;
	color: #0180FF;
}

.nav .rightIcon {
	display: inline-block;
	float: right;
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 25rpx;
	color: #999999;
}

.list {
	width: 100%;
	position: relative;
	z-index: 20;
}

.list .li {
	width: 100%;
	background: #FFFFFF;
	border-radius: 8rpx;
	padding: 27rpx 32rpx 46rpx 30rpx;
	box-sizing: border-box;
	position: relative;

	margin-bottom: 42rpx;
}

.list .name {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 34rpx;
	color: #000000;
	margin-left: 5rpx;
	margin-bottom: 20rpx;
}

.list .infor,
.list .school,
.list .text {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 26rpx;
	color: #666666;
}

.list .school {
	margin-bottom: 28rpx;
}

.list .infor {
	margin-bottom: 10rpx;

}

.avatar {
	position: absolute;
	top: 25rpx;
	right: 32rpx;
	width: 100rpx;
	height: 100rpx;
	background: #F9F9F9;
	border-radius: 50%;
	border: 2px solid #B5B5B5;
}

.avatar .img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.avatar .icon {
	width: 40rpx;
	height: 40rpx;
	position: absolute;
	top: -10rpx;
	right: 5rpx;
}

.bottomLine {
	margin-top: 41rpx;
	text-align: center;
	position: relative;
	text-align: center;
	width: 100%;
}

.bottomLine .span {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 26rpx;
	position: relative;
	z-index: 80;
	color: #B9B9B9;
	padding: 0 10rpx;
	background: #F4F4F4;
}

.bottomLine::after {
	content: "";
	width: 366rpx;
	height: 1rpx;
	background: #B6B6B6;
	position: absolute;
	top: 65%;
	left: 50%;
	margin-left: -183rpx;
	z-index: 70;
}